<template>
  <div id="app">  
    <van-tabbar v-model="active" route>
      <van-tabbar-item to="/home" icon="wap-home-o">首页</van-tabbar-item>
      <van-tabbar-item to="/list" icon="apps-o">分类</van-tabbar-item>
      <van-tabbar-item to="/about" icon="smile">吃什么</van-tabbar-item>
      <van-tabbar-item to="/shop" icon="shopping-cart-o">购物车</van-tabbar-item>
      <van-tabbar-item to="/user" icon="friends-o">我的</van-tabbar-item>
    </van-tabbar>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
// @ is an alias to /src

export default {
   data() {
    return {
      active:0,
    };
  },
}
</script>
<style>
html{
  font-size:13.3333vw;
}
</style>
